<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
		<title>hdphp教学博客-内容页</title>
		<!--公共头部-->
<!--<meta name="keywords" content="黑色模板,个人网站模板,个人博客模板,博客模板,css3,html5,网站模板" />
<meta name="description" content="这是一个有关黑色时间轴的css3 html5 网站模板" />-->
<link href="Public/Home/css/styles.css" rel="stylesheet">
<link href="Public/Home/css/animation.css" rel="stylesheet">
<!-- 返回顶部调用 begin -->
<link href="Public/Home/css/lrtk.css" rel="stylesheet" />
<script type="text/javascript" src="Public/Home/js/jquery.js"></script>
<script type="text/javascript" src="Public/Home/js/js.js"></script>
<!-- 返回顶部调用 end-->
<!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->
</head>
<body>
<header>
  <nav id="nav">
  						<div class="collapse navbar-collapse" id="example-navbar-collapse">
							<ul class="_menu" >
								<li ><a href="index.php" >首页</a></li>
								<!--导航条-->
																	<li ><a href="c_1.html">慢生活</a></li>
																	<li ><a href="c_2.html">学无止境</a></li>
																	<li ><a href="c_3.html">吐槽中心</a></li>
															</ul>
						</div>
    <script src="js/silder.js"></script><!--获取当前页导航 高亮显示标题-->
  </nav>
</header>
		<!--我的名片-->
		<div id="mainbody">
		<div class="info">
			<figure>
				<img src="Public/Home/images/art.jpg"  alt="Panama Hat">
				<figcaption>
					<strong>渡人如渡己，渡已，亦是渡</strong> 当我们被误解时，会花很多时间去辩白。 但没有用，没人愿意听，大家习惯按自己的所闻、理解做出判别，每个人其实都很固执。与其努力且痛苦的试图扭转别人的评判，不如默默承受，给大家多一点时间和空间去了解。而我们省下辩解的功夫，去实现自身更久远的人生价值。其实，渡人如渡己，渡已，亦是渡人。
				</figcaption>
			</figure>
			<div class="card">
				<h1>我的名片</h1>
				<p>
					网名：Alair | 文爺
				</p>
				<p>
					职业：PHP程序员
				</p>
				<p>
					电话：xxxxxxxxxxxx
				</p>
				<p>
					Email：xxxxxxxxxxxxx@qq.com
				</p>
				<ul class="linkmore">
					<li>
						<a href="/" class="talk" title="给我留言"></a>
					</li>
					<li>
						<a href="/" class="address" title="联系地址"></a>
					</li>
					<li>
						<a href="/" class="email" title="给我写信"></a>
					</li>
					<li>
						<a href="/" class="photos" title="生活照片"></a>
					</li>
					<li>
						<a href="/" class="heart" title="关注我"></a>
					</li>
				</ul>
			</div>
		</div>
		</div>
		<!--我的名片结尾-->
		<div id="mainbody">
			<div class="blank"></div>
			<div class="blogs">
				<ul class="bloglist">
					<li>
					<!--标签规定文档的主要内容main-->
					<div class="arrow_box">
						<div class="ti"></div>
						<!--三角形-->
						<div class="ci"></div>
						<!--圆形-->
						<article>
					<main class="col-md-8">
						<article>
							<div class="_head" style="text-align: center">
								<h1><?php echo $data['title']?></h1>
								<span>
								作者：
								<a href=""><?php echo $data['author']?></a>
								</span>
								•
								<!--pubdate表⽰示发布⽇日期-->
								<time pubdate="pubdate" datetime=""><?php echo date('Y-m-d H:i:s',$data['sendtime'])?></time>
								•
								<a href="<?php echo U('List/index',array('cid'=>$data['cid']))?>"><?php echo $data['cname']?></a>
								•
								<span>阅读：<?php echo $data['click']?></span>
							</div>
							<br />
							<div class="_digest">
								<?php echo $data['content']?>
							</div>
							<div class="_footer"style="text-align: right;">
								<i class="glyphicon glyphicon-tags"></i>
								<?php foreach ($data['tag'] as $v){?>
								<a href="<?php echo U('List/index',array('tid'=>$v['tid']))?>"><?php echo $v['tname']?></a>、
								<?php }?>
							</div>
					</article>
					</main>
						<!-- 多说评论框 start -->
	<div class="ds-thread" data-thread-key="<?php echo $data['aid']?>" data-title="<?php echo $data['title']?>" data-

url="<?php echo U('Arc/index',array('aid'=>$data['aid']))?>"></div>
<!-- 多说评论框 end -->
<!-- 多说公共JS代码 start (一个网页只需插入一次) -->
<script type="text/javascript">
var duoshuoQuery = {short_name:"blogzg"};
	(function() {
		var ds = document.createElement('script');
		ds.type = 'text/javascript';ds.async = true;
		ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + 

'//static.duoshuo.com/embed.unstable.js';
		ds.charset = 'UTF-8';
		(document.getElementsByTagName('head')[0] 
		 || document.getElementsByTagName('body')[0]).appendChild(ds);
	})();
	</script>
<!-- 多说公共JS代码 end -->
					</div>
					</ul>
					
 <aside>
 	<!--推荐文章-->
      <div class="tuijian" style="height: 110px;">
        <h2>热门文章</h2>
    	        <li> <a href="http://localhost/laoshikj/project/hdphp-2.0/index.php?m=Home&c=Arc&a=index&aid=148">圣诞快乐</a></li>
   		         <li> <a href="http://localhost/laoshikj/project/hdphp-2.0/index.php?m=Home&c=Arc&a=index&aid=156">分享我的个人博客访问量如何做到IP从10到600的(图文)</a></li>
   		         <li> <a href="http://localhost/laoshikj/project/hdphp-2.0/index.php?m=Home&c=Arc&a=index&aid=152">爱情不容有错，即使错了那就重来</a></li>
   		       </div>
      <!--推荐文章结尾-->
      <div class="toppic">
        <h2>图文并茂</h2>
        <ul>
        	         	 <li style="height: 41px;width: 280px;overflow: hidden;">
	          	<a href="http://localhost/laoshikj/project/hdphp-2.0/index.php?m=Home&c=Arc&a=index&aid=148"><img  src="./Upload/160715/56521468556928_thumb.jpg" />	
		   
	           圣诞节盆你得洗哇 锅碗盆你得洗哇～ </a>
            </li>
                      	 <li style="height: 41px;width: 280px;overflow: hidden;">
	          	<a href="http://localhost/laoshikj/project/hdphp-2.0/index.php?m=Home&c=Arc&a=index&aid=156"><img  src="./Upload/160717/71081468762557_thumb.jpg" />	
		   
	           关于界面
我的个人博客总共展示了三个版本，界面也经历了由“简单”到“复杂”再到“简单”，颜色从“色泽单一”到“五彩斑斓”再到“局部点缀”的过程。 </a>
            </li>
                      	 <li style="height: 41px;width: 280px;overflow: hidden;">
	          	<a href="http://localhost/laoshikj/project/hdphp-2.0/index.php?m=Home&c=Arc&a=index&aid=152"><img  src="./Upload/160717/60491468761712_thumb.png" />	
		   
	           我觉得爱情也可以重新来过，只是换换主角罢了... </a>
            </li>
                     </ul>
      </div>
      <div class="clicks" style="height: 100px;">
        <h2>标签云</h2>
        <ol>
          <li>
		      	<span>
		      		<div class="_tag" style="height: 20px">
													<a href="t_1.html">热门                  (7)
               							</a>
				</span>
													<a href="t_2.html">潮流                  (5)
               							</a>
				</span>
													<a href="t_3.html">火爆                  (5)
               							</a>
				</span>
													<a href="t_4.html">PHP                  (8)
               							</a>
				</span>
													<a href="t_5.html">生活                  (7)
               							</a>
				</span>
									</li>
		
        </ol>
      </div>
      <div class="search" style="height: 50px;">
        <form class="searchform" method="get" action="#">
          <input type="text" name="s" value="Search" onfocus="this.value=''" onblur="this.value='Search'">
        </form>
      </div>
      <div class="viny">
        <dl>
          <dt class="art"><img src="Public/Home/images/artwork.png" alt="专辑"></dt>
          <dd class="icon-song"><span></span>南方姑娘</dd>
          <dd class="icon-artist"><span></span>歌手：赵雷</dd>
          <dd class="icon-album"><span></span>所属专辑：《赵小雷》</dd>
          <dd class="icon-like"><span></span><a href="/">喜欢</a></dd>
          <dd class="music">
            <audio src="Public/Home/images/nf.mp3" controls></audio>
          </dd>
          <!--也可以添加loop属性 音频加载到末尾时，会重新播放-->
        </dl>
      </div>
    </aside>
	
			</li>
			</div>
			</div>

		


















<footer>
  <div class="footer-mid">
    <div class="links">
      <h2>友情链接</h2>
      <ul>
      	        <li>
			<a href="http://www.baidu.com">百度</a>		
        </li>
                <li>
			<a href="http://www.baidu.com">百度</a>		
        </li>
              </ul>
    </div>
    <div class="visitors" style="margin-left: 130px;">
      <h2>最新文章</h2>
      						<div id="" class="_single">
							<p><a href="http://localhost/laoshikj/project/hdphp-2.0/index.php?m=Home&c=Arc&a=index&aid=157">IE6到底哪里不好？你还继续用IE6吗？</a></p>
							<time datetime="1468762675">2016-07-17</time>
						</div>
												<div id="" class="_single">
							<p><a href="http://localhost/laoshikj/project/hdphp-2.0/index.php?m=Home&c=Arc&a=index&aid=156">分享我的个人博客访问量如何做到IP从10到600的(图文)</a></p>
							<time datetime="1468762557">2016-07-17</time>
						</div>
												<div id="" class="_single">
							<p><a href="http://localhost/laoshikj/project/hdphp-2.0/index.php?m=Home&c=Arc&a=index&aid=155">【匆匆那些年】总结个人博客经历的这四年…</a></p>
							<time datetime="1468762122">2016-07-17</time>
						</div>
												<div id="" class="_single">
							<p><a href="http://localhost/laoshikj/project/hdphp-2.0/index.php?m=Home&c=Arc&a=index&aid=154">【已评选】给我模板PSD源文件，我给你设计HTML！</a></p>
							<time datetime="1468762038">2016-07-17</time>
						</div>
												<div id="" class="_single">
							<p><a href="http://localhost/laoshikj/project/hdphp-2.0/index.php?m=Home&c=Arc&a=index&aid=153">程序员那些琐碎的负面情绪</a></p>
							<time datetime="1468761835">2016-07-17</time>
						</div>
						   
    </div>
    <section class="flickr">
      <h2>摄影作品</h2>
      <ul>
        <li><a href="/"><img src="Public/Home/images/01.jpg"></a></li>
        <li><a href="/"><img src="Public/Home/images/02.jpg"></a></li>
        <li><a href="/"><img src="Public/Home/images/03.jpg"></a></li>
        <li><a href="/"><img src="Public/Home/images/04.jpg"></a></li>
        <li><a href="/"><img src="Public/Home/images/05.jpg"></a></li>
        <li><a href="/"><img src="Public/Home/images/06.jpg"></a></li>
        <li><a href="/"><img src="Public/Home/images/07.jpg"></a></li>
        <li><a href="/"><img src="Public/Home/images/08.jpg"></a></li>
        <li><a href="/"><img src="Public/Home/images/09.jpg"></a></li>
      </ul>
    </section>
  </div>
  <div class="footer-bottom" style="text-align: center;">
    <p>
    	<a href="">个人论坛</a>
		 | 
		<a href="">Copyright © 2010-2015 houdunwang.com All Rights Reserved 京ICP备12048441号-3</a>
		 |
		<a href="">admin@163.com</a>
    </p>
  </div>
</footer>
<!-- jQuery仿腾讯回顶部和建议 代码开始 -->
<div id="tbox"> <a id="togbook" href="/e/tool/gbook/?bid=1"></a> <a id="gotop" href="javascript:void(0)"></a> </div>
<!-- 代码结束 -->
		<!--返回顶部自己写的插件-->
		<script src="js/backTop.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				//插件使用
				$('.back_top').backTop({right:30});
			})
		</script>
		<div class="back_top hidden-xs hidden-md">
			<i class="glyphicon glyphicon-menu-up"></i>
		</div>
	</body>
</html>